{% extends 'base.html' %}
{% load static %}
{% block css %}
    <link rel="stylesheet" href="{% static 'technology-blog/technology-blog.css' %}">
{% endblock %}
{% block main %}
    <div class="main">
        <img src="{% static 'images/technology-blog/banner.jpg' %}" alt="" class="banner">
        <ul class="blog-nav">
            <a href="../technology-blog/technology-blog.html">
                <li>技术博客</li>
            </a>
            <a href="../technology-blog/industry-news.html">
                <li>行业新闻</li>
            </a>
            <a href="../technology-blog/questions-answers.html">
                <li>问答专区</li>
            </a>
            <a href="../technology-blog/topic-lecture.html">
                <li>专题讲座</li>
            </a>
            <a href="../technology-blog/campus-dynamic.html">
                <li class="thisli">校园动态</li>
            </a>
        </ul>
        <div class="blog-wrap">
            <div class="blog-content">
                <div class="content-module">
                    <section>
                        <a href="../technology-blog/campus-dynamic-detailed.html"><h3>校园动态一级</h3></a>
                        <div class="type">
                            <p><img src="{% static 'images/technology-blog/blog-icon1.jpg' %}" alt="">老男孩IT教育</p>
                            <p><img src="{% static 'images/technology-blog/blog-icon2.jpg' %}" alt="">行业新闻</p>
                            <p><img src="{% static 'images/technology-blog/blog-icon3.jpg' %}" alt="">2019-04-12 22:22:23</p>
                        </div>
                        <div class="graphic">
                            <img src="{% static 'images/technology-blog/blog-img1.jpg' %}" alt="">
                            <div class="copy">
                                <a href="../technology-blog/campus-dynamic-detailed.html" class="part">
                                    浩浩荡荡的美国制裁中兴事件唤醒了科技界对芯片产业的重视，倒逼了一系列芯片方面的布局和投资；互联网人口红利不断消耗，推动百度、腾
                                    浩浩荡荡的美国制裁中兴事件唤醒了科技界对芯片产业的重视，倒逼了一系列芯片方面的布局和投资；互联网人口红利不断消耗，推动百度、腾
                                    浩浩荡荡的美国制裁中兴事件唤醒了科技界对芯片产业的重视，倒逼了一系列芯片方面的布局和投资；互联网人口红利不断消耗，推动百度、腾
                                    浩浩荡荡的美国制裁中兴事件唤醒了科技界对芯片产业的重视，倒逼了一系列芯片方面的布局和投资；互联网人口红利不断消耗，推动百度、腾
                                    浩浩荡荡的美国制裁中兴事件唤醒了科技界对芯片产业的重视，倒逼了一系列芯片方面的布局和投资；互联网人口红利不断消耗，推动百度、腾
                                    浩浩荡荡的美国制裁中兴事件唤醒了科技界对芯片产业的重视，倒逼了一系列芯片方面的布局和投资；互联网人口红利不断消耗，推动百度、腾
                                    浩浩荡荡的美国制裁中兴事件唤醒了科技界对芯片产业的重视，倒逼了一系列芯片方面的布局和投资；互联网人口红利不断消耗，推动百度、腾
                                </a>
                                <a href="../technology-blog/campus-dynamic-detailed.html" class="look">查看全文 ›</a>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="loading" id="courseLoading">
                    <section>
                        <h4></h4>
                        <p></p>
                        <div>
                            <img src="" alt="">
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </section>
                    <p><img src="{% static 'images/home/loading.gif' %}" alt="">正在加载中 ...</p>
                </div>
            </div>
            <div class="blog-side">
                <a href="">
                    <img src="{% static 'images/free-open-course/free-open-img2.jpg' %}" alt="">
                </a>
                <a href="">
                    <img src="{% static 'images/free-open-course/free-open-img3.jpg' %}" alt="">
                </a>
                <div class="news">
                    <div class="title">
                        <p><img src="{% static 'images/technology-blog/blog-icon4.jpg' %}" alt="">最新文章</p>
                        <span>Hot news</span>
                    </div>
                    <div class="news-cont">
                        <a href="">
                            <section>
                                <img src="{% static 'images/technology-blog/blog-img2.jpg' %}" alt="">
                                <div>
                                    <article>2019年技术盘点微服务篇（二）：青云直上云霄 程序……</article>
                                    <p>2019-04-20</p>
                                </div>
                            </section>
                        </a>
                        <a href="">
                            <section>
                                <img src="{% static 'images/technology-blog/blog-img2.jpg' %}" alt="">
                                <div>
                                    <article>2019年技术盘点微服务篇（二）：青云直上云霄 程序……</article>
                                    <p>2019-04-20</p>
                                </div>
                            </section>
                        </a>
                        <a href="">
                            <section>
                                <img src="{% static 'images/technology-blog/blog-img2.jpg' %}" alt="">
                                <div>
                                    <article>2019年技术盘点微服务篇（二）：青云直上云霄 程序……</article>
                                    <p>2019-04-20</p>
                                </div>
                            </section>
                        </a>
                        <a href="">
                            <section>
                                <img src="{% static 'images/technology-blog/blog-img2.jpg' %}" alt="">
                                <div>
                                    <article>2019年技术盘点微服务篇（二）：青云直上云霄 程序……</article>
                                    <p>2019-04-20</p>
                                </div>
                            </section>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block js %}
    <script type="text/javascript" src="{% static 'technology-blog/technology-blog.js' %}"></script>
{% endblock %}

